@tailwind base;
@tailwind components;
@tailwind utilities;

@import "/node_modules/flowbite-vue/dist/index.css";

.icon {
    width: 1em;
    height: 1em;
    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden;
}

* {
    &::-webkit-scrollbar {
        width: 4px;
        height: 4px;
    }

    &::-webkit-scrollbar-thumb {
        box-sizing: content-box;
        background-color: #71c4ef55;
        border-radius: 2px;
        border: 1px solid white;
    }

    &::-webkit-scrollbar-thumb:hover {
        border-width: 0;
    }
}
